<template>
  <nav-bar title="修改账号" left-text="" left-arrow @click-left="onClickLeft" />
  <input type="text" placeholder="请输入账号" />
  <button @click="onClickLeft">完成</button>
</template>
<script setup>
import { useRouter } from "vue-router";

import { NavBar } from "vant";
const onClickLeft = () => {
  router.go(-1);
};
const router = useRouter();
</script>
<style scoped>
body {
  background-color: rgb(240, 243, 248);
}
input {
  box-sizing: border-box;
  width: 100%;
  height: 1.25rem;
  outline: none;
  border: none;
  border-top: 0.3125rem solid rgb(240, 243, 248);
  background-color: white;
  font-size: 0.8rem;
  height: 2.75rem;
  padding-left: 0.3125rem;
}
button {
  box-sizing: border-box;
  margin: 0.9375rem 1.125rem;
  width: 90%;
  height: 1.5rem;
  border: none;
  background-color: var(--main-color);
  border-radius: 0.9125rem;
  color: white;
  font-size: 0.6rem;
  box-shadow: 0px 1px 3px rgb(212, 212, 212);
}
</style>
